<template>
  <div
    class="box_kong"
    :style="marginTop ?	`marginTop:${marginTop}vh` : ''"
  >
    <img
      :class="img ? 'obc' : ''"
      :src="img ? img : 'https://o6wndwjxn.qnssl.com/%E7%BB%843@2x.png'"
      alt=""
    >
    <div>亲，暂时没有{{type}}哦～</div>
  </div>
</template>

<script>
export default {
  props: {
    type: {},
    marginTop: '',
    img: ''
  },
  created () {
    console.log(this.img)
  },
  data () {
    return {}
  }
}
</script>

<style>
.box_kong {
  width: 100%;
  position: absolute;
  top: 27vh;
  text-align: center;
}

.box_kong > img {
  width: 50%;
  margin: 0 15% 0 35%;
  object-fit: cover;
}
.box_kong > .obc {
  width: 50%;
  margin: 0 auto;
  text-align: center;
  object-fit: cover;
}
.box_kong > div {
  text-align: center;
  font-size: 15px;
  color: #999999;
  margin-top: 15px;
}
</style>
